/* CSS Document */
body{
	background: #fff url(../images/backround2.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
a{
	text-decoration: none;
	outline:0
}
/* CAC THE DIV */
div#header{
	width:980px;
	padding-left:185px;
}
#header #login a
{
	color:#FFFFFF;
	background-image:url(../images/dangnhap.png);
	padding-bottom:6px;
}
#header #login a:hover
{
	background-image:url(../images/dangnhap_click.png);
}
#header #sigin td{width:80px;}
#header #sigin a
{
	color:#FFFFFF;
	background-image:url(../images/dangky.png);
	padding-bottom:6px;
}
#header #sigin a:hover
{
	background-image:url(../images/dangky_click.png);
}
 /*---------------------
/         MENU         /
---------------------*/ 
ul#menu{
	padding-left:185px;
	margin: 0px 5px 0px 0px; 
	padding:0;
    float: left;
    list-style: none;
    position:relative; /*--thiết lập vị trí của ul chưa menu--*/
    font-size: 14px;;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	height:25px;
	background:#999999;
	z-index:100; /*--Ưu tiên hiển thị--*/
}
ul#menu li {
    float:left;
    border-right: 1px solid #555; /*-- các menu li --*/
	
}
ul#menu li a {
    padding: 5px 10px 5px 10px;
    display: block;
    color: #f0f0f0; /* Màu chữ trong thẻ a*/
    text-decoration: none;
}
ul#menu li:hover { 
background:url(../images/menu.png) repeat-x;
}

ul#mainmenu
{
	width:980px;
	padding-left:185px;
	margin:0px; 
	padding:0;
    float: left;
    list-style: none;
    position:relative; /*--thiết lập vị trí của ul chưa menu--*/
    font-size: 14px;;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	height:25px;
	background-image:url(../images/bg_menu.png);
	z-index:100; /*--Ưu tiên hiển thị--*/
}
ul#mainmenu li {
    float:left;
    border-right: 1px solid #fff; /*-- các menu li --*/
	height:24px;
	
}
ul#mainmenu li a {
    padding: 5px 10px 5px 10px;
    display: block;
    color: #f0f0f0; /* Màu chữ trong thẻ a*/
    text-decoration: none;
}
ul#mainmenu li:hover { 
background: #FFCC00 url(topnav_active.gif) repeat-x;
height:25px;
}


ul#mainmenu li span {
	width:100%;
    float: left;
    padding: 10px;
    position:absolute;
    left: 0; top:25px;
    display: none; /*-- mặc định menu cấp 2 là ẩn --*/
    background: #FFCC00;
    color: #fff;
    /*--Bottom right rounded corner--*/
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
ul#mainmenu li:hover span { display:inherit;} /*--hiển thị menu cấp 2 khi đưa chuột vào--*/
ul#mainmenu li span a { display: inline; } /*-- tất cả các menu câp 2 cùng nằm trên 1 dòng--*/
ul#mainmenu li span a:hover {text-decoration: underline;}

 /*---------------------
/    MENU trái         /
---------------------*/ 
div#container{
	width:980px;
	padding-left:185px;
	z-index:10;
}

div#left{
	float:left;
	width:225px;
	z-index:2;
    font-family: "Times New Roman", Georgia, serif;
	/*border-color:#006633;
	border-style:double;*/
}

div#left p{
	background:url(../images/slidebar.png) no-repeat;
	height:45px;
	font-family:"Times New Roman", Times, serif;
	color:#FFFF00;
	padding-top:10px;
	text-align:center;
}
div#left td{
padding-left:10px;
	background:url(../images/item.png) no-repeat;
	height:40px;
}
div#left div#item{
	background-color:#fff;
}

div#contain{
	width:735px;
	float:right;
	z-index:2;
	background:#fff;
}
div#contain p{
	background:url(../images/slidebar_dai.png) no-repeat;
	height:45px;
	font-family:"Times New Roman", Times, serif;
	color:#FFFF00;
	padding-top:12px;
	padding-left:10px;
}

div#footer{
	padding:20px;
	width:100%;
	height:100%;
    background:url(../images/footer.png) repeat-x ;
	clear:both;
}
div#footer p{
	padding-left:185px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
}

 /*---------------------
/    LEFT MENU         /
---------------------*/ 
#navigation {
font-size:18px;
width:95%;
padding: 5px 5px 5px 5px;
}
#navigation ul {margin:0px; padding:0px;}
#navigation li {list-style: none;}

ul.top-level {background:#fff;}
ul.top-level li {
margin: 0 0 3px 0;
border: solid 1px #cccccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#navigation a {
color: #666;
cursor: pointer;
display:block;
height:25px;
line-height: 25px;
text-indent: 10px;
text-decoration:none;
width:100%;
}
#navigation a:hover{
text-decoration:none;
}



#navigation li:hover {
background: #EFEFEF;
position: relative;
}

ul.sub-level {
display: none;

}
li:hover .sub-level {
background: #fff;
border: #fff solid;
border-width: 1px;
display: block;
position: absolute;
left: 150px;
top: 0px;
}
ul.sub-level li {
border: none;
float:left;
width:200px;

}



/************ Second Level ****************/
#navigation .sub-level {
background: #fff;
border: solid 1px #cccccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

/************ Third Level ****************/
#navigation .sub-level .sub-level {
background: #fff;
margin: 0 1px 0 0;
}

/* Display one level after another */
li:hover .sub-level .sub-level {
display:none;
}
.sub-level li:hover .sub-level {
display:block;

}